博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
October CMS - 快速入门 7 显示列表和详情页
阅读量:6819 次
发布时间:2019-06-26

本文共 2724 字,大约阅读时间需要 9 分钟。

在movies页面中显示的影片列表是最原始的格式显示的。那么我们对这个列表及其详情页进行格式化。

themesraiseinfopagesmovies.htm
如下所示,列表采用的是attribute来显示的

我们可以试试下面的方式

可以得到相同的结果

同样道理,我们可以增加文章的简介字段

    {% for record in records %}
  • {# Use spaceless tag to remove spaces inside the A tag. #} {% spaceless %} {% if detailsPage %} {% endif %}
    {
    { record.name }} {% if detailsPage %}
    {% endif %} {% endspaceless %} {
    { record.description }}
  • {% else %}
  • {
    { noRecordsMessage }}
  • {% endfor %}

刷新页面,显示如下,description会以源码的形式显示,如果需要以Htm的格式显示需要

{
{ record.description|raw }}

clipboard.png

clipboard.png

其变化是显而易见的吧。下面我们再给影片信息标题加上h3标签。

{% spaceless %} {% if detailsPage %} {% endif %}
{
{ record.name }} {% if detailsPage %}
{% endif %} {% endspaceless %}

clipboard.png

因为影片介绍内容太长了,我们希望只显示其中的前150个字符。

{
{ html_limit(record.description,150)|raw }}

为电影标题添加详情链接

下面我们查看下面的代码

{% spaceless %}    {% if detailsPage %}            {% endif %}    
{
{ record.name }} {% if detailsPage %}
{% endif %}{% endspaceless %}

代码{% if detailsPage %}的意思是,如果这个电影有描述信息,则显示为超链接,否则没有超链接。

但是,这里对于我们的影片是无效的,因为,我们没有创建影片的详情页面。下面我们创建详情页面。
根据下图创建
clipboard.png

然后设置组件Record Details

clipboard.png

clipboard.png

保存模板

刷新页面后,发现没有生效,这是因为,仅仅建立详情页是不行的,必须进行相应的设置

clipboard.png

刷新页面可以看见,标题的链接已经加上了

clipboard.png

点击链接,则可以看见影片的详情页面

clipboard.png

但是,页面中只是显示了影片的名称,其余的都没有显示,我们对详情页面进行设置

{% if record %}

{
{ record.name }}

{
{ record.year }}

简介

{

{ record.description|raw }}

{% else %} {
{ notFoundMessage }}{% endif %}

clipboard.png

转载地址:http://zpdzl.baihongyu.com/

你可能感兴趣的文章
模式窗口
查看>>
Javascript面向对象轮播(方向左右)
查看>>
GridView_Viewpager
查看>>
Windows Server 2008域中组的转换
查看>>
怎么把计算机(有线)设置为路由器(wifi)
查看>>
Linux LVM逻辑卷配置过程详解(创建,增加,减少,删除,卸载
查看>>
mysql需要调整的参数
查看>>
我的友情链接
查看>>
【转】安装office2007后,每次打开word、excel,会出现“正在配置Micos...
查看>>
【NetApp】snapvault 配置
查看>>
python对象-多态
查看>>
mysql 数据库导入导出方法总结
查看>>
Http协议之防盗链
查看>>
Install VMware on opensusu 12.1
查看>>
mysql三大循环(while ,repeat,loop)
查看>>
我的友情链接
查看>>
PHP发红包程序
查看>>
this的使用方法
查看>>
面向对象的开山鼻祖——“Jolt大奖精选丛书”有奖征文
查看>>
C语言例题系列------第十一天
查看>>